﻿@using MSAcademic.v2.Web.Models
@model SearchModel

@{
    ViewBag.Title = (!Model.Title.IsEmpty()) ? "Rezultat pretrage za: " + Model.Title : "Pretraživanje";
}

<div class="search">

    <h1>@(!Model.Title.IsEmpty() ? "Pretražili ste \"" + Model.Title + "\"" : "Pretraživanje")</h1>

    <div class="search-box">
        <i class="icon-search"></i>

        @using (Html.BeginForm())
        {
            @Html.TextBoxFor(x => x.Title, new { @placeholder = "Unesite termin za pretragu" })
            <div class="actions-wrapper"> 
                <a class="positive submit">Pretraži msacademic <i class="icon-search"></i></a> 
            </div>
        }
    </div>

    
    <div class="results">
    @if (Model.SearchList.Any()) { 
            <h1>Rezultati pretrage</h1>
        
            <div class="articles">
                @foreach (var item in Model.SearchList)
                {
                    <div class="item">
                        <div class="wrap">
                            <a href="@Url.RouteUrl("ArticleProfile", new { articleId = item.Id })" class="clearfix">
                                <div class="article-picture"><img src="@item.PictureUrlThumbnail" /></div>
                                <div class="data">
                                    <h3>@item.Title</h3>
                                    <p>@item.PublishedOn.Value.ToString("dd. MMMM yyyy. u H:m")</p>
                                </div>
                            </a>
                        </div>
                    </div>          
                }
            </div>
    } else if(Model.IsPost) {
        <div class="empty"> 
            <i class="icon-remove"></i>
            Nije pronađeno ništa za traženi pojam. These aren't the droids you're looking for :P 
        </div>
    } else {
       <div class="explanation"> 
           Pretraživanje na msacademic-u pretražuje sve tekstove koji su vidljivi na javnom web-u. Pretražiti je moguće na sljedeći način:

           <ol>
               <li>Po naslovu članka</li>
               <li>Po imenu i prezimenu autora</li>
               <li>Po tag-u kojim je članak označen</li>
           </ol>

       </div>
    }
    </div>

</div>


